<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<i class="fa fa-bars"></i>
			<span>I LEARN</span>
			<em class=" fa fa-search"></em>
		</header>
		<!-- 轮播图 -->
		<div class="banner">
			<ul>
				<li>
					<a href="##">
						<img src="img/banner.png" >
					</a>
				</li>
			</ul>
		</div>
	    <!-- 导航 -->
		<nav>
			<ul>
				<li>
					<a href="##">
						<i class="fa fa-book"></i>
						<span>我的课程</span>
					</a>
				</li>
				<li>
					<a href="##">
						<i class="fa fa-star"></i>
						<span>明星教授</span>
					</a>
				</li>
				<li>
					<a href="##">
						<i class="fa fa-bookmark"></i>
						<span>我的订阅</span>
					</a>
				</li>
				<li>
					<a href="##">
						<i class="fa fa-download"></i>
						<span>我的下载</span>
					</a>
				</li>
			</ul>
		</nav>
	 <!--   列表标题-->
		<div class="list-title">
		
			<h3>Latest course</h3>
			<a href="##">More +</a>
		</div> 
		<!-- 列表详情 -->
	 <div class="list-detail">
			<ul>
				<li>
					<a href="##">
						<img src="img/photo.png" >
					</a>
				</li>
				<li>
					<a href="##">
						<img src="img/photo.png" >
					</a>
				</li>
				<li>
					<a href="##">
						<img src="img/photo.png" >
					</a>
				</li>
				<li>
					<a href="##">
						<img src="img/photo.png" >
					</a>
				</li>
				<li>
					<a href="##">
						<img src="img/photo.png" >
					</a>
				</li>
				<li>
					<a href="##">
						<img src="img/photo.png" >
					</a>
				</li>
			</ul>
		</div> 
	</body> 
</html>
